<script setup lang="ts">
import { computed } from 'vue';
import { useAppStore } from '@/store/modules/app';
import HeaderBanner from './modules/header-banner.vue';

const appStore = useAppStore();

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const gap = computed(() => (appStore.isMobile ? 0 : 16));
</script>

<template>
  <ElSpace direction="vertical" fill class="pb-0" :size="0">
    <HeaderBanner class="mb-16px" />
  </ElSpace>
</template>

<style scoped></style>
